<template>
	<view class="page">
			
		
		
		<!-- 头部 -->
		<view class="uni-img-top">
			<image src="../../../static/img/2.jpg"></image>
		</view>
		
		<view class="uni-list">
			
			<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
				<view class="uni-list-time">
					<text>今天</text>
				</view>
				<view class="uni-media-list">
					<view class="uni-icon uni-icon-camera"></view>
					
					</view>
				
					
				</view>
			
			<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
				<view class="uni-list-time">
					<text>昨天</text>
				</view>
				<view class="uni-media-list">
					<image class="uni-media-list-logo" src="../../../static/img/3.png"></image>
					<view class="uni-media-list-body">
						<view class="uni-media-list-text-top">百度：如遇假冒、钓鱼欺诈等网站，不设上限进行“全额”保障</view>
						
						</view>
					</view>
				
					
				</view>
				
				<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
					<view class="uni-list-time">
						<text>前天</text>
					</view>
					<view class="uni-media-list">
						<image class="uni-media-list-logo" src="../../../static/img/3.png"></image>
						<view class="uni-media-list-body">
							<view class="uni-media-list-text-top">有钱人骑共享单车健身是消费升级？专家言论再遭批，升降与否该看大众</view>
							
							</view>
						</view>
					
						
					</view>
					<view class="uni-list-cell" hover-class="uni-list-cell-hover" >
						<view class="uni-list-time">
						<view class="uni-list-time-data">
						<text>10</text>
						<text>9月</text>
						</view>
							
						</view>
						<view class="uni-media-list">
							<image class="uni-media-list-logo" src="../../../static/img/3.png"></image>
							<view class="uni-media-list-body">
								<view class="uni-media-list-text-top">中弘退市旋涡：半年亏损13亿离职潮与要账潮此起披伏，出路难寻</view>
								
								</view>
							</view>
						
							
						</view>
			</view>
		</view>
		
		
		
	
	
	
	</view>
</template>

<script>
	
    
		
	
	
</script>

<style>
	@import "../../../common/icon.css";
	@import "../../../common/uni.css";

	page {
		background: #f6f6f6;
		position: relative;
	}
	
	/* 头部照片 */
	.uni-img-top image{
		width: 100%;
		}
	
	/*  */
        .uni-list{
			margin-top: 25px;
			
		}
		.uni-list-time{
			width: 18%;
			float: left;
			text-align: center;
			font-weight: bold;
			
		}
		.uni-list-time-data text:last-child{
			font-size: 15px;
		}
		.uni-media-list{
			
			width: 82%;
			float: right;
			}
	
		.uni-media-list-logo {
			width: 120px;
			height: 120px;
		}
		
	    .uni-icon-camera{
			font-size: 45px;
		}
		.uni-media-list-body {
			height: auto;
			justify-content: space-around;
		}
		.uni-media-list-text-top {
			height: 74px;
			font-size: 24px;
			overflow:  hidden;
			white-space: normal;
		}
		 
		.uni-media-list-text-bottom {
			margin-top: 25px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		
</style>
